﻿<div id="wrapper">
					<div id="sidebar">
						.....
					</div>
					<div id="main">
						....
					</div>
				</div>
				
				
				
<style type="text/css">
					html {
						background: #45473f;
						height: auto;
					}
					
					body {
						width: 960px;
						margin: 20px auto;
						background: #ffe3a6;
						border: 1px solid #efefef;
					}

					#wrapper {
						display: inline-block;
						border-left: 200px solid #d4c376;
						position: relative;
						vertical-align: bottom;
					}
					
					#sidebar {
						float: left;
						width: 200px;
						margin-left: -200px;
						margin-right: -1px;
						border-right: 1px solid #888;
						position: relative;
					}
					
					#main {
						float: left;
						border-left: 1px solid #888;
					}	

					#maing,
					#sidebar{
						padding-bottom: 2em;
					}
				</style>
			